<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			a{
				text-decoration: none;
			}
			.contires{
			width: 980px;
			height: 110px;
			background-color:floralwhite;
			margin: auto;
			}
			.a{
				border: 1px solid #808080;
			}
			.contires h2{
				margin-left: -99999px;
				margin-top: -20px;
			}	
			.logo_img{
				width: 300px;
				height: 100px;
				background: url(images/logo.jpg);
				background-repeat: no-repeat;
			}
			.logo_img1{
				width: 477px;
				height: 40px;
				float: right;
				
				margin-top: -100px;
			}
			.logo_img1 ul li {
				float: left;
				margin-left: 1px;
				list-style: none;
				
				
				
			}
			.logo_img1 ul li input[type=button]{
				margin-top: 25px;
			}
			.logo_img1 ul li a{
				color: black;
				float: left;
				text-decoration: none;
				margin-left: 25px;
				margin-top: -25px;
				
			}
			
			
			.logo_reader{
				width: 360px;
				height: 22px;
				background-color: #D3D3D3;
				margin-right: 130px;
				float: right;
				margin-top: -30px;
			}
			.logo_reader p{
				color: #808080;
			}
			.logo_long{
				width: 672px;
				height: 33px;
				border: 1px solid #8B0000;
				background-color: darkorange;
			}
			.logo_long ul li{
				float: left;
				list-style: none;
				padding: 10px;
				line-height: 20px;
				height: 13px;
				margin-top: -1px;
				border: 1px solid #808080;
			}
			.logo_long ul li a{
				text-decoration: none;
				color: black;
			}
			.logo_box{
				width: 305px;
				height: 33px;
				float: right;
				margin-top: -35px;
				background-color: darkorange;
			}
			.logo_box ul{
				line-height: 70px;
			}
			.logo_box input[type=button]{
				width: 65px;
				height: 25px;
				margin-top: 5px;
				
			}
			#i1{
				background: url(images/icon.gif) 0px 0px;
				width: 25px;
				height: 25px;
				display: block;
				
			}
			#i2{
				background: url(images/icon.gif) 165px 0px;
				width: 25px;
				height: 25px;
				display: block;
				
			}
			#i3{
				background: url(images/icon.gif) 120px 0px;
				width: 25px;
				height: 25px;
				display: block;
				
			}
			#i4{
				background: url(images/icon.gif) 80px 0px;
				width: 25px;
				height: 25px;
				display: block;
				}
		</style>
	</head>
	<body>
		
			<div class="contires">
			
			<div class="a">
			<h2>贵美商城</h2>
			
			<div class="logo_img"></div>
			<div class="logo_img1">
				<ul>
					<li><i id="i1"></i><a href="buy.html" target="_top">购物车</a></li>
					<li><i id="i2"></i><a href="help.html" target="_top">帮助中心</a></li>
					<li><i id="i3"></i><a href="#">加入收藏</a></li>
					<li><i id="i4"></i><a href="#">设为首页</a></li>
					<li class="i5"><a href="login.html" target="_top"><input type="button" value="登录"/></a></li>
					<li class="i5"><a href="register.html" target="_top"><input type="button" value="注册"/></a></li>
				</ul>
			</div>
			<div class="logo_reader">
				<p>你好，欢迎访问贵美商城！117年6月6日16点50分</p>
			</div>
			</div>
			
			
			
			<div class="logo_long">
				<ul>
					<li><a href="Index.html" target="_top">首页</a></li>
					<li><a href="#">家用电器</a></li>
					<li><a href="#">手机数码</a></li>
					<li><a href="#">日用百货</a></li>
					<li><a href="#">书籍</a></li>
					<li><a href="help.html" target="_top">帮助中心</a></li>
					<li><a href="#">免费开店</a></li>
					<li><a href="#">全球咨询</a></li>
				</ul>
			</div>
			<div class="logo_box">
				<input type="text" />
				<input type="button" value="搜索"/>
			</div>
			
			</div>
	</body>
</html>
